<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>web页面广告</title>
		 <style>
		         *{
		            margin: 0;
		            padding: 0;
		        }
		        #ad1{
		            /* 固定定位 */
		            position: fixed;
		            right: 0;
		            bottom: 0;
					display: none;
		            color: white;
		            
		        }
		        #ad1>.close1{
		            position: absolute;
		            top: 0;
		            right: 0;
		            
		        }
		        #content{
		            width: 800px;
		            height: 1000px;
		            margin: 0 auto;
		            background-color: aqua;
		        }
		        #ad2,#ad3{
		            position: fixed;
		            top:30px;
		            
		        }
		        #ad2{
		            position: absolute;
		            right:0;
		        }
		        #ad2>.close2{
		            position: absolute;
		            top: 0;
		            right: 0;
		            color: white;
		        }
		        #ad3{
		            position: absolute;
		            left:0;
		        }
		        #ad3>.close3{
		            position: absolute;
		            top: 0;
		            right: 0;
		            color: white;
		        }
		    </style>
			<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
	</head>
	<body>
		 <div id="ad2">
		        <img src="web1.jpg" alt="">
		        <div class="close2">×</div>
		    </div>
		    <div id="ad3">
		        <img src="web1.jpg" alt="">
		        <div class="close3">×</div>
		    </div>
		    <div id="content"></div>
		    <div id="ad1">
		        <img src="`DA36GR_TQ~EY8GV25AY`MS.png" alt="">
		        <div class="close1">×</div>
		    </div>
			<script>
				  //关闭广告219971201毕潇元
				         //关闭弹窗广告
				         var close1=document.querySelector(".close1");//取出元素
						 var close2=document.querySelector(".close2");
						 var close3=document.querySelector(".close3");
				         close1.onclick=function(){
				            ad1.style.display="none";//使其不显示
				         }
				         //关闭对联广告2         
				         close2.onclick=function(){
				            //两个广告一起关闭
				            ad2.style.display="none";
				         }
				         //关闭对联广告3
				         close3.onclick=function(){
				            ad3.style.display="none";
				         }
				
				         //广告向上出现效果
				         var ad1=document.querySelector("#ad1");
				         
				         //定时器
				        var timer = setInterval(function () {
				            // 最后使用jquery缓慢弹窗
							 $("#ad1").slideDown(1000);
				        }, 200);
			</script>
	</body>
</html>